@import "./adaptive.scss";
.eachCompleted{
    width: 2.6rem;
    height: 1.48rem;
    background: url('../static/eachCompleted.png') no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    position: absolute;
    bottom: 0.53rem;
    left: 4.73rem;
    .proportion{
        width: 2.8rem;
        margin: 0 auto;
        padding: 0;
        padding-top: 0.27rem;
        padding-left:pxToRem(30);
        display:inline-block;
        text-align: center;
        li{
            display: flex;
            .title-proportion{
                color: #A4E9FF;
                font-size: pxToRem(10);
                width: 6.8rem;
                display: inline-block;
                vertical-align: middle;
                letter-spacing:1px;
                text-align: right;
            }
            .number{
                color: #FFD000;
                font-size: pxToRem(13.33);
                display: inline-block; 
                vertical-align: middle;
                width: 9.85rem;
                margin-left: 0.05rem;
                letter-spacing:1px;
                font-weight: bold;
                text-align: left;
            }
        }
    
    }
    .group{
        //width: 3.3rem;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        // padding-top: 0.05rem;
        display: inline-block;
        //padding-left:10px;
        text-align: center;
        li:first-child{
            display: inline;
            margin-left: pxToRem(3);
        }
        li{
            display: inline;
            font-size: pxToRem(10);
            margin-right: pxToRem(5);
            color:rgba(0, 229, 255, 0.4);
        } 
        li:last-child{
            margin: 0;
            display: inline;
        }
        li.active{
            color:rgba(0,215,255,1) !important;
        }
    }
    .serviceTitle{font-size:pxToRem(15);color:#00CEFF;height:pxToVh(18.67);line-height:pxToVh(18.67);position: absolute;left: 0;top:pxToVh(-18.67);width:100%;text-align: center;}
}